<template>
	<div>
		<quill-editor ref="text" v-model="content" class="myTextEditor" :options="quillOption" />
	</div>
</template>


<script>
	import {
		quillEditor
	} from 'vue-quill-editor';
	import quillConfig from './config.js'
	import 'quill/dist/quill.core.css';
	import 'quill/dist/quill.snow.css';
	import 'quill/dist/quill.bubble.css';
	export default {
		components: {
			quillEditor
		},
		props:{
			detail:{
				type:String,default:""
			}
		},
		data() {
			return {
				content: '',
				 quillOption: quillConfig,
			};
		},
		watch:{
			detail:{
					immediate: true,
					handler(v){
						if(v){
							this.content=this.detail
						}else{
							this.content=""
						}
						
					}
			}
		},
	
		methods: {
		
		}
	};
</script>


<style>


</style>